<template>
  <el-container>
    <el-header>
      <Query :queryConfig="qConfig" @QueryEvent="handleQuery"></Query>
    </el-header>
    <el-main>
      <!-- <Step :stepConfig="sConfig" /> -->
       <!-- <Calendar :Height="600" :Width="900" :Data="CalendarData" @CellClick="handleCellClick" :CurrentMonth="'2025-03'"></Calendar> -->
        <Test1 :customerlabel="123" @customclick="handleClick"></Test1>
    </el-main>
    <el-footer>
     
    </el-footer>    
  </el-container>
</template>
<script>

import { getBtnCtr } from '@/utils/BtnControl';
import  Query from '../../components/Query/index.vue';
import Step from '../../components/Step/index.vue';
import Calendar from '../../components/Calendar/index.vue';
import Test1 from '../../components/Test1/index.vue';
export default {
  components: {
    Query,
    Step,
    Calendar,
    Test1
  },
  name: "Test",
  data() {
    return {
      qConfig:[{
        title:'姓名',
        field:'name',
        type:'input',
        value:'',
        placeholder:'请输入姓名'
      },{
        title:'性别',
        field:'sex',
        type:'radio',
        options:[{
          label:'男',
          value:'1'
        },{
          label:'女',
          value:'2'
        }],
        placeholder:'请选择性别',
        value:'1'
      },{
        title:'审核状态',
        field:'status',
        type:'select',
        options:[{
          label:'待审核',
          value:'N' 
        },{
          label:'已审核',
          value:'Y'
        }],
        placeholder:'请选择审核状态',
        value:'N'
      },{
        title:'创建时间',
        field:'createTime',
        type:'daterange',
        date1: undefined,
        date2: undefined,
        placeholder1:'请选择创建时间',
        placeholder2:'请选择创建时间'
      }],
      sConfig:{
        steps:[{
          stepname:'第一步',
          status:'success',
          index:1 
        },{
          stepname:'第二步',
          status:'primary',
          index:2
        },{
          stepname:'第三步',
          status:'info',
          index:3
        }] 
      },
      CalendarData:[
        { date:'02-24',shy:'张三  李四',currMonth:false},
        { date:'02-25',shy:'李四',currMonth:false},
        { date:'02-26',shy:'王五',currMonth:false},
        { date:'02-27',shy:'赵六',currMonth:false},
        { date:'02-28',shy:'孙七',currMonth:false},
        { date:'03-01',shy:'周八',currMonth:true},
        { date:'03-02',shy:'吴九',currMonth:true},
        { date:'03-03',shy:'郑十',currMonth:true},
        { date:'03-04',shy:'冯十一',currMonth:true},
        { date:'03-05',shy:'陈十二',currMonth:true},
        { date:'03-06',shy:'楚十三',currMonth:true},
        { date:'03-07',shy:'卫十四',currMonth:true},
        { date:'03-08',shy:'蒋十五',currMonth:true},
        { date:'03-09',shy:'沈十六',currMonth:true},
        { date:'03-10',shy:'韩十七',currMonth:true},
        { date:'03-11',shy:'杨十八',currMonth:true},
        { date:'03-12',shy:'朱十九',currMonth:true},
        { date:'03-13',shy:'秦二十',currMonth:true},
        { date:'03-14',shy:'尤二十一',currMonth:true},
        { date:'03-15',shy:'许二十二',currMonth:true},
        { date:'03-16',shy:'何二十二',currMonth:true},
        { date:'03-17',shy:'吕二十三',currMonth:true},
        { date:'03-18',shy:'施二十四',currMonth:true},
        { date:'03-19',shy:'张二十五',currMonth:true},
        { date:'03-20',shy:'孔二十六',currMonth:true},
        { date:'03-21',shy:'曹二十七',currMonth:true},
        { date:'03-22',shy:'严二十八',currMonth:true},
        { date:'03-23',shy:'华二十九',currMonth:true},
        { date:'03-24',shy:'金三十',currMonth:true},
        { date:'03-25',shy:'魏三十一',currMonth:true},
        { date:'03-26',shy:'陶三十二',currMonth:true},
        { date:'03-27',shy:'姜三十三',currMonth:true},
        { date:'03-28',shy:'戚三十四',currMonth:true},
        { date:'03-29',shy:'谢三十五',currMonth:true},
        { date:'03-30',shy:'邹三十六',currMonth:true},
        { date:'03-31',shy:'喻三十七',currMonth:true},
        { date:'04-01',shy:'柏三十八',currMonth:false},
        { date:'04-02',shy:'水三十九',currMonth:false},
        { date:'04-03',shy:'窦四十',currMonth:false},
        { date:'04-04',shy:'章四十一',currMonth:false},
        { date:'04-05',shy:'云四十二',currMonth:false},
        { date:'04-06',shy:'苏四十三',currMonth:false},
      ]
    }
  },
  watch: {
    
  },
  created: function () {
    // 动态头部按钮
    this.btnAip = getBtnCtr(
      this.$route.path,
      this.$store.getters.userPermission
    )
    
  },
  methods: {
    handleQuery(e){
      //console.log(e)
    },
    handleCellClick(item){
      console.log(item)
    },
    handleClick(e){
      console.log('引用',e)
    }
  }
}
</script>
